<template>
  <!-- <div>
    <Text1 name="Tom" :birth="2001 + 1" age="22"></Text1>
  </div> -->
  <div>
    <h1>父组件</h1>
    <h2>我所在地的名称是{{ msg }}</h2>
    <Text2 @show="updateName"></Text2>
  </div>

  <!-- <button @click="show">点击{{ m }}</button> -->
  <!-- <template v-for="(item, index) in arr" :key="index">
    <div style="display: flex">
      下标：{{ index }} {{ item.title }}
      <div v-for="(item_1, index_i) in item.list" :key="index_i + 'a'">
        {{ item_1.title }}
      </div>
    </div>
  </template> -->

  <!-- {{ a }} -->
  <!-- <div @click="add">sadibhasbhsad</div> -->
</template>
<script>
import Text1 from "./components/Text1.vue";
import Text2 from "./components/Text2.vue";
import { ref } from "vue";
export default {
  components: {
    // Text1,
    Text2,
  },
  data() {
    return {
      msg: "beijing",
    };
  },
  methods: {
    updateName(data) {
      this.msg = data.msg;
    },
  },
};

// const dataList = [
//   {
//     title: "diyige0",
//     list: [{ title: "78" }, { title: "78" }, { title: "78" }, { title: "78" }],
//   },
//   {
//     title: "diyige1",
//     list: [{ title: "78" }, { title: "78" }, { title: "78" }, { title: "78" }],
//   },
//   {
//     title: "diyige2",
//     list: [{ title: "78" }, { title: "78" }, { title: "78" }, { title: "78" }],
//   },
//   {
//     title: "diyige3",
//     list: [{ title: "78" }, { title: "78" }, { title: "78" }, { title: "78" }],
//   },
//   {
//     title: "diyige4",
//     list: [{ title: "78" }, { title: "78" }, { title: "78" }, { title: "78" }],
//   },
// ];
// console.log("56789");
// console.log(1 == 1);
// const m = ref(1);
// const arr = ref([]);
// const add = () => {
//   m.value++;
// };

// const show = () => {
//   arr.value = [];
//   for (let i in dataList) {
//     if ((+i + m.value) % 2 == 0) {
//       arr.value.push(dataList[i]);
//     }
//   }
//   m.value++;
// };

// //第一种
// let arr1 = ["red", "green", "blue"];   //变量不能重复
// for (let i = 0; i < arr1.length; i++) {
//   //如果在{}中声明只能在{}中使用
//   console.warn(i);
// }

// //第二种
// var arr2 = ["red", "green", "blue"];  //var全局/局部声明,但是不能跨函数访问  可以重复声明，后声明的同名变量会覆盖之前声明的
// for (let v in arr2) {
//   console.error(v);
// }

// //第三种for,与foreach类似
// const arr3 = ["red", "green", "blue"]; //必须设置初始值，变量不能重复
// for (const v of arr3) {
//   //如果在{}中声明只能在{}中使用
//   console.log(v);
// }
// //大部分：声明变量使用let,声明对象类型使用const,非对象类型声明选择let,没有特殊情况不建议使用var

// //map()方法，数组原型的一个函数，该函数对数组中的每个元素进行处理，将其转换为另一个值，最终返回一个新的数组。
// let numbers = [1, 2, 3, 4];
// let doubled = numbers.map(function (num) {
//   //对该数组的每个元素都执行了一遍函数
//   return num * 2;
// });
// console.log(doubled);

// //字符串数组转换为数字数组
// let strings = ["1", "2", "3"];
// let number = strings.map(function (str) {
//   return parseInt(str, 10);
//   // return parseInt(str)  //与上行相同
// });
// console.log(number);

// //对象数组转换成属性值数组
// let objects = [
//   { name: "apple", color: "red" },
//   { name: "banana", color: "yellow" },
//   { name: "orange", color: "orange" },
// ];
// let colors = objects.map(function (obj) {
//   return obj.color;
// });
// let names = objects.map(function (obj) {
//   return obj.name;
// });
// console.log(colors);
// console.log(names);

// //map的使用：将一组数据转换为另一种形式或格式;对一组数据进行过滤、去重;

// //双重循环去重
// let arr = [1, 2, 3, 4, 4, 5, 5];
// for (let i = 0; i < arr.length; i++) {
//   for (let j = i + 1; j < arr.length; j++) {
//     if (arr[i] == arr[j]) {
//       arr.splice(j, 1); //splice 两个参数：第一个是开始的位置，第二个是截取的个数
//       //   j--;
//     }
//   }
// }
// console.warn(arr);

// //Set数据结构去重,es6
// let oldArr = [1, 2, 3, 3, 4, 5, 5];
// let newArr = [...new Set(arr)];
// console.log(newArr);

// //filter()去重
// let filArr = [1, 2, 2, 3, 4, 4, 5, 6, 6];
// let filNewArr = filArr.filter((value, index, filArr) => {
//   return filArr.indexOf(value) == index;
//   //indexOf()方法,返回某个指定的字符串值在字符串中首次出现的位置,第一个参数,需要规定检索的字符串值;第二个参数可以没有，它是规定字符串开始检索的位置,如果没有那它将从第一个开始检索[0]
//   //如果要检索的字符串值没有出现，则该方法返回-1
// });
// console.error(filNewArr);

// for (let i = 1; i <= 9; i++) {
//   //有多少层
//   let str = " "; //定义一个变量去存数据
//   for (let j = 1; j <= i; j++) {
//     //每一行的内容
//     str += i + "*" + j + "=" + i * j + " ";
//   }
//   console.log(str);
// }
</script>

<style></style>
